<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>情人节快乐熬铁汁</title>
    <style>
        .center{
            display: flex;
            justify-content: center;
			margin-top: 50px;
        }
        div{
            margin-top: 50px;
        }
		#audio{
			height: 10px;
			width: 10px;
			position:fixed;
			top: -100vh;
		}
    </style>
</head>
<body>
   <div id='allContent'>
	 
	<div class="center">
		<audio  id="audio" src="./15816985442504.mp3" controls  >
		</audio>
	</div>

	<div class="center ">
		<h1>点我一下有惊喜</h1>
	</div>
	<div class="center ">
		<h2>如果没反应就再点一下</h2>
	</div>
	  <div class="center ">
		<h3>如果没反应就再再点一下</h3>
	  </div>
	  <div class="center ">
	  		<h4>如果没反应就再再再点一下</h4>
	  </div>
   </div>
</body>
<!-- uni 的 SDK -->
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
<script type="text/javascript">
  var userAgent = navigator.userAgent;
  if (userAgent.indexOf('AlipayClient') > -1) {
    // 支付宝小程序的 JS-SDK 防止 404 需要动态加载，如果不需要兼容支付宝小程序，则无需引用此 JS 文件。
    document.writeln('<script src="https://appx/web-view.min.js"' + '>' + '<' + '/' + 'script>');
  } else if (/QQ/i.test(userAgent) && /miniProgram/i.test(userAgent)) {
    // QQ 小程序
    document.write('<script type="text/javascript" src="https://qqq.gtimg.cn/miniprogram/webview_jssdk/qqjssdk-1.0.0.js"><\/script>');
  } else if (/miniProgram/i.test(userAgent)) {
    // 微信小程序 JS-SDK 如果不需要兼容微信小程序，则无需引用此 JS 文件。
    document.write('<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"><\/script>');
  } else if (/toutiaomicroapp/i.test(userAgent)) {
    // 头条小程序 JS-SDK 如果不需要兼容头条小程序，则无需引用此 JS 文件。
    document.write('<script type="text/javascript" src="https://s3.pstatp.com/toutiao/tmajssdk/jssdk-1.0.1.js"><\/script>');
  } else if (/swan/i.test(userAgent)) {
    // 百度小程序 JS-SDK 如果不需要兼容百度小程序，则无需引用此 JS 文件。
    document.write('<script type="text/javascript" src="https://b.bdstatic.com/searchbox/icms/searchbox/js/swan-2.0.18.js"><\/script>');
  }
  if (!/toutiaomicroapp/i.test(userAgent)) {
    document.querySelector('.post-message-section').style.visibility = 'visible';
  }
</script>

<script>
    const alertList = [
        '你是不是没人陪啊？!!!!!!!哈哈哈哈哈哈啊哈',
		'你是不是没人陪啊？',
        '你开心吗？',
        '你点的舒服吗？',
        '还想不想继续？',
        '辣你继续点啊！',
        '是不是有点烦躁？',
        '没关系，这是情人节礼物！',
		'惊不惊喜？',
		'意不意外？',
		'点完有惊喜！',
		'哈哈哈哈嘿嘿嘿',
		'今年情人节没人陪没关系的呀！',
		'明年你也妹有人陪的呀',
		'是不是想骂我？',
		'一鸣饱饱这么可爱，你骂的出口嘛？',
		'单身狗！！！',
		'算了，我也是，不扎你心了',
		'最后还是祝你情人节快乐熬！！',
		'点完有惊喜！'
    ]
    let setInID
    window.onload=()=>{
		allContent.addEventListener('click',()=>{
			audio.play()
			autoAlert()
		})
		
		
		// let iframe = document.createElement('iframe');
		//  iframe.src="https://m7.music.126.net/20200215001708/ef1bb490210c528c9aa13080f0a33a61/ymusic/000e/550f/065d/7db0320ae8be5c5d5fcf17a55fcbcafe.mp3";
		// document.body.appendChild(iframe);
		
       function autoAlert(){
		   setTimeout(()=>{
		   	let length = alertList.length
		   	let content = 0
		   	setInID = setInterval(() => {
		   	    content += 1
		   	    if(content===length-1){
		   	        content = 0
		   	    }
		   	    alert(alertList[content])   
		   	});
		   },500)
	   }
	   
	   
	   
	   document.addEventListener('UniAppJSBridgeReady', function() {
			uni.postMessage({
	               data: {
	                   action: 'message'
	               }
	           });
	           uni.getEnv(function(res) {
	               console.log('当前环境：' + JSON.stringify(res));
	           });
	     });
    }
    
</script>
</html>